<template>
    <van-popup 
        class="z-popup"
        :close-icon="v_close_white"
        :style="popupStyle"
    >
        <div class="z-popup-heading" v-if="title">{{title}}</div>
        <slot></slot>
    </van-popup>
</template>
<script setup>
import v_close_white from "@/assets/svg/common/v_close_white.svg"

const props = defineProps({
    title: {
        type: String,
        default: ''
    }
});
const popupStyle = {
    background: '#45454D',
    borderRadius: '8px'
};
</script>
<style scoped lang="scss">
.z-popup {

    &-heading {
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: bold;
        color: #FFFFFF;
        line-height: 18px;
        text-align: center;
        padding-top: 20px;
    }
    :deep(.van-icon) {
        font-size: 18px;
    }
}
</style>